/* 定义css3前缀*/
@mixin display-flex{
  display: -webkit-box;
  display: -moz-flex; 
  display: -ms-flexbox;
  display: flex; 
}

@mixin flex-center($flex-direction:column,$align-items:center,$justify-content: center){
  -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: $flex-direction;
           flex-direction: $flex-direction;
   -webkit-box-pack: $justify-content;
       -ms-flex-pack: $justify-content;
           justify-content: $justify-content;
   -webkit-box-align: $align-items;
       -ms-flex-align: $align-items;
           align-items: $align-items;
}
.expertTeam-div-content p:nth-child(4) {
  display: none;
}
.expertTeam{
    background:#fff;
    width:100%;
    height:100%;
    margin:0 auto;
    .service-banner{
      width:100%;
      img{
          width: 100%;
          height: 100%;
      }
    }
    .content{
      p{
        text-align: left;
        text-indent:2em;
      }
    }
    .OurTeam{
       height:1284px;
        @include display-flex;
       @include flex-center(column,center);
      .expert-image{
        width: 900px;
        height: 855px;
        img{
          width: 100%;
          height: 100%;
        }
      }
      
      h2{
        margin-bottom: 100px;
        margin-top: 0;
      }
    }
    .team-type{
        background: #f8f8f8;
        width: 100%;
        height: auto;
      @include display-flex;
       @include flex-center();

      .contentBoxBorder {
        background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#f8f8f8));
        background:linear-gradient(to bottom,#fff,#f8f8f8);
        background:-webkit-linear-gradient(to bottom,#fff,#f8f8f8);
        -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        border-radius: 5px;
        margin-top: 60px;
      }

      .expertTeamBox.content-box {
        margin-top: 0px;
      }
      .expertTeamBox.content-box.contentBoxBorder {
        margin-top: 60px;
      }
      .expertTeamBox{
          //background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#f8f8f8));
          //background:linear-gradient(to bottom,#fff,#f8f8f8);
          //background:-webkit-linear-gradient(to bottom,#fff,#f8f8f8);
         width: 980px;
         min-height: 500px;
         //margin-top: 60px;
        padding: 45px 40px 50px 40px;
        @include display-flex;
       @include flex-center(row,flex-start);

        //-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        //-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        //        box-shadow: 0 -2px 3px rgba(0,0,0,0.35);
        //border-radius: 5px;
        .expertTeam-left{
           -webkit-box-flex: 1;
               -ms-flex: 1;
                   flex: 1;
            img{
                width: 499px;
                height: 350px;
                margin: 0;

            }
            h3{
               font-size: 22px;
               line-height: 46px;
               margin-top: 0;
              color: #b67233;
           }
        }
         p{
               font-size: 14px;
               line-height: 26px;
                padding: 0;
               
           }
           .servicesTeam-div{
              margin-right: 45px;
           }
       .expertTeam-right{
           margin-left: 45px;
             -webkit-box-flex: 1;
                 -ms-flex: 1;
                 
                     flex: 1;
           h3{
               font-size: 22px;
               line-height: 46px;
               margin-top: 0;
                color: #b67233;
           }
           img{
                width: 499px;
                height: 350px;
                margin: 0;
            }
           p{
               font-size: 14px;
               line-height: 26px;
                padding: 0;
               
           }
           
           h4{
               margin-top: 26px;
           }
       }

        .expert-academic{
          //color:#b67233;
          color: #000;
        }
      }
      .contentBoxDyf {
        width: 980px;
        //min-height: 500px;
        //margin-top: 110px;
        padding: 45px 40px 120px 40px;
        ul li {
          float: left;
          margin-right:73px;
          margin-bottom: 40px;
          min-height: 300px;
        }
        ul li:nth-child(4) {
          margin:0;
        }
        ul li:nth-child(8) {
          margin:0;
        }
        ul li:nth-child(12) {
          margin:0;
        }
        ul li img {
          width:100%;
          height: 100%;
        }
      }
      .lastExpert{
        margin-bottom:150px;
         @include display-flex;
       @include flex-center(row-reverse,center)

      }
    }
    .MedicalSecurity-service{
      height:1032px;
      h2{
        margin-top: 200px;
      }
      .MedicalSecurity-box{
        height:780px;
        a{
          float:left;
        }
      }
    }
    .inter-quality{
      height:734px;
      .qualityCon{
        height:350px;
        float:left;
      }
    }
}
